<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>SUI Mobile Demo</title>
    <meta name="description" content="MSUI: Build mobile apps with simple HTML, CSS, and JS components.">
    <meta name="author" content="阿里巴巴国际UED前端">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="../favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <!-- Google Web Fonts -->


    <link rel="stylesheet" href="../dist/css/sm.min.css">
    <link rel="stylesheet" href="../dist/css/sm-extend.min.css">
    <link rel="stylesheet" href="../assets/css/demos.css">

    <link rel="apple-touch-icon-precomposed" href="../assets/img/apple-touch-icon-114x114.png">
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/config.js"></script>
    <script>
      //ga
    </script>
    
</head>
<body>
  <div class="page-group">
    <div id="page-nav-bar" class="page">
      <header class="bar bar-nav">
        <a class="icon icon-menu pull-left open-panel" data-panel=".panel-left"></a>
        <h1 class="title">悦动人外贸网址导航</h1>
        <a class="button button-link button-nav pull-right" href="https://baidu.weather.com.cn/">
          温度:<span>25</span>℃
        </a>
      </header>
  
      <div class="content yd-navigation-content" id='page-index'>
        <div class="content-block-title">搜索</div>
        <div class="content-padded grid-demo">
          <div class="searchbar">
            <a class="search-input yd-search-input pull-right button button-link button-nav" href="./index.html">
              <label class="icon icon-search" for="search"></label>
              <span class="yd-search-span">输入关键字...</span>
            </a>
          </div>		
        </div>
  
        <div class="content-block-title">资讯</div>
        <div class="content-padded grid-demo">
          <div class="row">
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">更多...</a></div>
          </div>
        </div>
  
        <div class="content-block-title">资讯</div>
        <div class="content-padded grid-demo">
          <div class="row">
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">更多...</a></div>
          </div>
        </div>
  
        <div class="content-block-title">资讯</div>
        <div class="content-padded grid-demo">
          <div class="row">
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">更多...</a></div>
          </div>
        </div>
        
        <div class="content-block-title">资讯</div>
        <div class="content-padded grid-demo">
          <div class="row">
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">更多...</a></div>
          </div>
        </div>
  
        <div class="content-block-title">资讯</div>
        <div class="content-padded grid-demo">
          <div class="row">
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">更多...</a></div>
          </div>
        </div>
  
        <div class="content-block-title">资讯</div>
        <div class="content-padded grid-demo">
          <div class="row">
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">更多...</a></div>
          </div>
        </div>
        <div class="content-block-title">资讯</div>
        <div class="content-padded grid-demo">
          <div class="row">
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">百度新闻</a></div>
            <div class="col-25"><a class="button button-success" href="#">更多...</a></div>
          </div>
        </div>
      </div>
      <nav class="bar bar-tab">
        <a class="tab-item external active" href="#">
          <span class="icon icon-home"></span>
          <span class="tab-label">首页</span>
        </a>
        <a class="tab-item external" href="#">
          <span class="icon icon-me"></span>
          <span class="tab-label">用户</span>
          <span class="badge">2</span>
        </a>
        <a class="tab-item external" href="#">
          <span class="icon icon-star"></span>
          <span class="tab-label">收藏</span>
        </a>
        <a class="tab-item external" href="#">
          <span class="icon icon-cart"></span>
          <span class="tab-label">购物</span>
        </a>
        <a class="tab-item external" href="#">
          <span class="icon icon-settings"></span>
          <span class="tab-label">设置</span>
        </a>
      </nav>
    </div>
  
    <!-- 关闭左侧栏关键件 -->
    <div class="panel-overlay"></div>
    
    <div class="panel panel-left panel-reveal">
      <div class="content-block">
        
        <a href="" class="close-panel"><p>首页</p></a>
        <a href="" class="close-panel"><p>资讯</p></a>
        <a href="" class="close-panel"><p>查询</p></a>
        <a href="" class="close-panel"><p>新闻</p></a>
        <a href="" class="close-panel"><p>港口</p></a>
        <a href="" class="close-panel"><p>音乐 · FM</p></a>
        <a href="" class="close-panel"><p>小说</p></a>
        <a href="" class="close-panel"><p>体育 · NBA</p></a>
        <a href="" class="close-panel"><p>财经</p></a>
        <a href="" class="close-panel"><p>购物</p></a>
        <a href="" class="close-panel"><p>房产</p></a>
        <a href="" class="close-panel"><p>社区</p></a>
        <a href="" class="close-panel"><p>招聘 · 求职</p></a>
        <a href="" class="close-panel"><p>健康 · 母婴</p></a>
        <a href="" class="close-panel"><p>旅游 · 住宿</p></a>
        <a href="" class="close-panel"><p>视频</p></a>
        <a href="" class="close-panel"><p>天气</p></a>
        <a href="" class="close-panel"><p>仓储物流</p></a>
        <a href="" class="close-panel"><p>汽车</p></a>
        <a href="" class="close-panel"><p>军事</p></a>
        
        <p><a href="#" class="close-panel">关闭</a></p>
      </div>
    </div>
  </div>

<script src="../dist/js/sm.js"></script>
<script src="../dist/js/sm-extend.js"></script>
<script src="../dist/js/sm-city-picker.js"></script>
<script src="../assets/js/demos.js"></script>
</body>
</html>
